بهینه سازی تصاویر برای موبایل – طراحی ریسپانسیو

سئو سایت,بهینه سازی سایت,بهینه سازی وب سایت,سئو سایت

بهینه سازی تصاویر برای موبایل – طراحی ریسپانسیو


 

یکی از مهم ترین مواردی که باید حتما به آن توجه شود، تصاویر موجود در صفحه است. همانطور که می دانید در مقاله ای دیگر نیز، چگونگی بهینه سازی سایت موبایلی را بررسی کردیم و دیدیم که می توانیم تا 68% سرعت صفحه را بهبود بدهیم. در مقاله ای دیگر نیز سئو تصاویر جهت افزایش سرعت سایت در موبایل را بررسی کردیم و گفتیم چطور می توانیم اطمینان داشته باشیم که تصاویر کاملا قابل دسترس هستند. این مسئله بیشتر مربوط به حذف تصاویر بی ارزش و تمرکز بیشتر بر روی تصاویر کارآمدتر است.

اما چطور می توانید اطمینان حاصل کنید که تصاویر روی سایت موبایلی شما سبک و ریسپانسیو هستند و با استفاده از بهترین فرمت، می توانند کیفیت و سرعت را با هم داشته باشند؟ در این مقاله نیوسئو، بیشتر بر روی بهینه سازی تصاویر برای موبایل شامل تولید تصاویر ریسپانسیو و دیگر متدهای هوشمندی که می توانند از تخریب تجربه کاربری موبایل جلوگیری کنند، تمرکز می کنیم.

متعادل کردن بهینه سازی تصاویر:

ابزارهای فشرده سازی تصاویر,اهمیت بهینه سازی تصاویر,اهمیت سئو عکس

مشکل سئو تصاویر این است که قانون سرسخت و قاطعی وجود ندارد. بهینه سازی تصاویر همیشه باید تعادلی را میان تجربه کاربری (User Experience)، جذاب بودن و عملکرد صفحه حفظ کند.

RalucaBudiu، مدیر مطالعات در گروه Nielsen Norman، می گوید:

“از آنجا که صفحه موبایل کوچک است، تصاویر بیش از حد کوچک احتمالا اطلاعات خیلی کمی را در اختیار کاربر قرار می دهند و تصاویر خیلی بزرگ نیز سرعت صفحه را بیش از حد پایین می آورند. پیشنهاد می کنیم که با اندازه متوسط تصاویر شروع کنید و به افراد امکان زوم کردن در تصویر و یا دانلود سایز بزرگتر تصویر را بدهید.

بیشتر اوقات، استفاده از تصاویر بزرگ ایده خوبی نیست. چگالی اطلاعات این تصاویر کم است و مردم باید برای بارگزاری این تصاویر صبر کنند و برای فهمیدن محتوای آن نیز به پایین و بالای صفحه بروند. این مشکل در طراحی ریسپانسیو یک ستونی، شایع است. از آنجا که تصاویر باید تمام عرض موجود را پر کنند، ما معمولا با تصاویر بزرگی مواجه می شویم که به نسبت اندازه شان، حاوی اطلاعات کمی هستند.

قانون نوشته شده و آماده ای برای اندازه تصاویر موبایلی وجود ندارد و بیشتر باید با توجه به کیفیت و اندازه صفحه تصمیم گیری کرد. اما می توان به 100 تا از معروف ترین سایت ها رجوع کرد و از تصاویر آن الگو گرفت. طبق httpArchive، متوسط اندازه تصاویر JPG شامل 29KB و متوسط اندازه تصاویر PNG هم 16KB می باشد.

بهینه سازی تصاویر موبایل,بهینه سازی تصویر,بهینه سازی عکس

بخشی از کاهش حجم تصویر، مربوط به کاهش اندازه تصویر و رزولوشن آن (تعداد پیکسل ها) است و بخشی دیگر نیز درباره فشرده سازی تصاویر است. برخی ابزارهای خلاقانه، مانند Photoshop، فشرده سازی نیز انجام می دهند، اما معمولا این میزان فشرده سازی کافی نیست. مخصوصا در رابطه با تصاویری از نوع PNG.

امروزه در فضای مجازی تعداد زیادی ابزار جهت فشرده سازی وجود دارند که به کیفیت عکس لطمه ای وارد نمی کنند و باعث ارتقای کیفیت عکس می شوند. به طور مثال تصویر اصلی که در صفحه اصلی (Home Page) وب سایتتان قرار می دهید را می توانید با وب سایت ها یا ابزارهای فشرده سازی تصاویر مانند TinyPNG فشرده نمایید.

چند ابزار وجود دارد که می تواند تصاویر را به صورت تکی، یا دسته ای، به اندازه کافی فشرده نماید. می توانید برای این کار از وب سایت ها یا ابزارهای فشرده سازی تصاویر مانند TinyPNG استفاده نمایید. همچنین برای انجام مقایسه بین ابزارهای فشرده سازی اصلی، می توانید GitHub را مشاهده نمایید.

 

http://www.newseo.ir/seo-learning/mobile-image-optimization-design-responsive


نظرات شما عزیزان:

نام :
آدرس ایمیل:
وب سایت/بلاگ :
متن پیام:
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه:







:: برچسب‌ها: بهینه سازی,
نویسنده : marjan
تاریخ : جمعه 24 فروردين 1397
زمان : 19:5


.:: This Template By : Theme-Designer.Com ::.